<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    /* 第一题 */
     /* #id1 p{
      color: red;
    }
    div div div p{
      color: green;
    }
    div.div1 div.div2 div.div3 p{
      color: blue;
    }  */
    /* 第二题 */
     /* #id1{
      color: red;
    }
    div div div p{
      color: green;
    }
    
    div.div1 div.div2 div.div3 p{
      color: blue;
    }  */
    /* 第三题 */
    /* #box1{ 
      color: green;
    }
    
    div{
      color: red;
    } */
    /* 第四题 */
/*  
    #box3{ 
      color: green;
    }
    div{
      color: red;
    } */
    /* 第五题 */
    /* #box1 div.div3{
      color: red;
    }
    div.div1 #box3{
      color: blue;
    } */
    /* 第六题 */
    /* #box1 #box2 #box3{
      color: red !important;
    }
    p{
      color: green;
    } */
    /* 第七题 */
    /* #box1{
      color: red !important;
    }
    div{
      color: green;
    } */
    /* 第八题 */
    /* #box1 .div3{
      color: red;
    }
    #box3{
      color: green !important
    } */
    /* 第九题 */
    #box1 p{
      color: red;
    }
    .div1 .div2 .div3 p,#box3{
      color: blue;
    }
   
  </style>
</head>
<body>
  <div id="box1" class="div1">
    <div id="box2" class="div2">
      <div id="box3" class="div3">
        <p>我是P段落，猜猜我头上是什么颜色</p>
      </div>
    </div>
  </div>
  
</body>
</html>